@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    header{
        overflow: hidden;
        .back{
            float:left;
            input{
                width:p(123);
                height:p(56);
                border:p(2) solid #ff9344;
                border-radius: p(22);
                background:white;
                margin-left:p(23);
                margin-top:p(45);
                font-weight: bold;
                font-size:p(26);
            }
        }
        .sel{
            float:right;
            margin-top:p(47);
            margin-right:p(21);
            width:p(163);
            height:p(60);
            border:p(3) solid #ff9344;
            position:relative;
//          清除select框的默认样式
            select{
                border:none;
             /*将默认的select选择框样式清除*/
               appearance:none;
               -moz-appearance:none;
               -webkit-appearance:none;
               background:transparent;
               width:100%;
               height:100%;
               padding-left:p(14);
                
            }
            /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand { display: none; }
            &::after{
                position:absolute;
                top:p(22);
                right:p(11);
                content:"";
                display:block;
                width:0px;
                height:0px;
                border-top:p(16) solid #ff9344;
                border-right:p(16) solid transparent;
                border-left:p(16) solid transparent;
            }
        }
        .fenlei{
            text-align: center;
            margin-top:p(58);
        }
    }
    section{
        margin-bottom:79px;
        .top{
            margin-top:p(18);
            margin-left:p(28);
            margin-right:p(28);
//          overflow: hidden;
//          div{
//              float:left;
//              margin-left:p(23);
//              img{
//                  width:p(149);
//                  height:p(149);
//              }
//              p{
//                  text-align: center;
//                  font-size:p(26);
//              }
//          }
//          div:not(:first-child){
//              margin-left:p(34);
//          }

            .swiper-container{
                .swiper-wrapper{
                    height:p(200);
                    .swiper-slide{
                        width:p(149);
                        height:p(149);
                        img{
                            width:100%;
                        }
                        p{
                            text-align: center;
                            font-size:p(26);
                        }
                    }
                }
            }
        }
        .lunhuan{
            width:100%;
            margin:0 auto;
            div{
                width:p(93);
                height:p(16);
                margin:0 auto;
                img{
                    width:p(93);
                }
            }
        }
        .title{
            overflow: hidden;
//          margin-top:p(18);
            .titleL{
                width:p(186);
                height:p(60);
                float:left;
                margin-top:p(21);
                margin-left:p(21);
                div{
                    float:left;
                }
                .flower{
                    img{
                        width:p(56);
                        height:p(54);
                        vertical-align: middle;
                    }
                }
                .youhui{
                    vertical-align: middle;
                    line-height:p(60);
                    margin-left:p(8);
                    h4{
                        font-size:p(30);
                        
                    }
                }
            }
            .titleR{
                width:p(82);
                height:p(60);
                float:right;
                margin-top:p(34);
                margin-right:p(20);
                div{
                    float:left;
                }
                .more{
                    margin-right:p(8);
                    h4{
                        font-size:p(24);
                        a{
                            color:black;
                        }
                    }
                }
                .arrow{
                    img{
                        width:p(25);
                        height:p(26);
                    }
                    }
            }
        }
        .meishi_title{
                overflow: hidden;
                margin-top:p(26);
                div{
                    float:left;
                    width:25%;
                    text-align: center;
                }
                img{
                    width:p(133);
                    height:p(133);
                }
            }
    }
    footer{
        overflow: hidden;
        background:white;
        padding-bottom:p(14);
        position:fixed;
        bottom:0;
        width:100%;
        div{
            float:left;
            width:25%;
            a{
                display:block;
                text-align: center;
                img{
                    width:p(72);
                    height:p(72);
                }
            }
            h2{
                font-size:p(26);
                text-align: center;
                margin-top:p(8);
            }
        }
        
        
    }
}
